﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>个人动漫屋</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="header">
    <div class="container">
        <div>
            <ul class="nav"><!--nc是nav中的css-->
                <li><span><a href="#" class="a-link">首页</a></span></li>
                <li class="paint"><span><a href="#" class="a-link">画友</a></span></li>
                <li class="novel"><span><a href="#" class="a-link">小说</a></span></li>
                <li class="game"><span><a href="#" class="a-link">游戏中心</a></span></li>
           </ul>
        </div>
        <div>
            <ul class="nav-right">
                <li><a href="#" class="nc"><span>登录</span></a></li>
                <li><a href="#" class="nc"><span>注册</span></a></li>
            </ul>
        </div>
    </div>
    <div id="subNav">
        <div class="container">
            <div class="item" id="paint">
                <a href="#"><span>彩铅</span></a>
                <a href="#"><span>插画</span></a>
                <a href="#"><span>鼠绘</span></a>
            </div>
            <div class="item" id="novel">
                <a href="#"><span>原创</span></a>
                <a href="#"><span>同人</span></a>
                <a href="#"><span>耽美</span></a>
                <a href="#"><span>随笔</span></a>
            </div>
            <div class="item" id="game">
                <a href="#"><span>热门游戏</span></a>
                <a href="#"><span>新游展望</span></a>
                <a href="#"><span>游戏排行</span></a>
                <a href="#"><span>游戏论坛</span></a>
            </div>
        </div>
    </div>
</div>
<div id="content">
    <div id="banner">
        <ul id="img">
        </ul>
        <ol id="idx">

        </ol>
    </div>
    <div class="clear" >
        <div class="aside_left">
            <a href="#"><img src="imgs/aside3.jpg"><b>画江湖</b></a>
            <ul>
                <li><a href="#">日本动漫</a></li>
                <li><i></i><a href="#">海贼王</a></li>
                <li><i></i><a href="#">妄想学生会</a></li>
                <li><i></i><a href="#">CLANNAD</a></li>
                <li><i></i><a href="#">幻想万华镜</a></li>
                <li><i></i><a href="#">fate/night</a></li>
            </ul>
        </div>
        <div class="aside_right">
            <a href="#"><img src="imgs/aside2.jpg"><b>戒魔人</b></a>
            <ul>
                <li><a href="#">国产动漫</a></li>
                <li><i></i><a href="#">一人天下</a></li>
                <li><i></i><a href="#">从前有做灵剑山</a></li>
                <li><i></i><a href="#">大鱼海棠</a></li>
                <li><i></i><a href="#">秦时明月</a></li>
                <li><i></i><a href="#">从前有做灵剑山</a></li>
            </ul>
        </div>
        <div id="advertisement">
            <div class="container">
                <h5>广告</h5>
            <ul class="adv">
            </ul>
            </div>
        </div>
    <div id="pages">
        <div class="container">
        <div class="pages_main">
            <a class="item_1"><img src="imgs/gc.jpg"><span class="s1">国漫</span></a>
            <a class="item_2"><img src="imgs/om.jpg"><span class="s1">欧漫</span></a>
            <a class="item_3"><img src="imgs/rb.jpg"><span class="s1">日漫</span></a>
            <a class="item_4"><img src="imgs/qt.jpg"><span class="s1">其他</span></a>
        </div>
        </div>
    </div>
</div>
</div>
<div id="footer">
    <div class="container">
        <ul class="foot">
            <li>
                <span>个人动漫屋</span>
                <a href="#">关于我们</a>
                <a href="#">友情链接</a>
                <a href="#">联系我们</a>
                <a href="#">加入我们</a>
                <p>&nbsp;</p>
            </li>
            <li>
                <span>帮助</span>
                <a href="#">帮助中心</a>
                <a href="#">补档人领处</a>
                <a href="#">侵权申诉</a>
                <a href="#">建议/BUG汇报</a>
                <p>&nbsp;</p>
            </li>
            <li>
                <span>传送门</span>
                <a href="#">高级弹幕</a>
                <a href="#">名人堂</a>
                <a href="#">活动专题页</a>
                <a href="#">咨询</a>
                <a href="#">壁纸站</a>
                <a href="#">活动中心</a>
            </li>
        </ul>
    </div>
    <div class="elevator">
        <a href="#">返回顶部</a>
    </div>
</div>
<script src="js/index.js"></script>
</body>
</html>